<!DOCTYPE html>
<html>
<head>
	<title></title>
	<meta name="viewport" content="width=device-width,initial-scale=1">
	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
</head>
<body>
	<!-- 正常示例 -->
	<form role="form">
		<input type="text" class="form-control">
		<!-- 先默认填一个Hello -->
		<textarea class="form-control" rows="5">Hello</textarea>

		<!-- 多选框 -->
		<div class="checkbox">
			<label>
				<input type="checkbox" value="">吃橘子
			</label>
		</div>
		<div class="checkbox">
			<label>
				<input type="checkbox" value="">吃苹果
			</label>
		</div>

		<!-- 单选框 -->
		<div class="radio">
			<label>
				<input name="optionsRadios" type="radio" checked="">男
			</label>
		</div>
		<div class="radio">
			<label>
				<input name="optionsRadios" type="radio" checked="">女
			</label>
		</div>

		<!-- 下拉选框 -->
		<select class="form-control">
			<option>1</option>
			<option>2</option>
			<option>3</option>
			<option>4</option>
		</select>
		<br>
		<!-- 下拉选框全部在列表中出现 -->
		<select multiple="" class="form-control">
			<option>1</option>
			<option>2</option>
			<option>3</option>
			<option>4</option>
		</select>

		<!-- 静态，提示用户输入 -->
		<p class="form-control-static">请按照我的格式输入：hello@163.com</p>

		<!-- 焦点状态 -->
		<!-- 1.不可被使用的 -->
		<input  class="form-control" type="text" placeholder="hello" disabled="" name="">
	</form>

	<br>
	<br>
	<!-- 禁止 -->
	<form role="form">
		<fieldset disabled="">
		<!-- 多选框 -->
		<div class="checkbox">
			<label>
				<input type="checkbox" value="">吃橘子
			</label>
		</div>
		<div class="checkbox">
			<label>
				<input type="checkbox" value="">吃苹果
			</label>
		</div>

		<!-- 单选框 -->
		<div class="radio">
			<label>
				<input name="optionsRadios" type="radio" checked="">男
			</label>
		</div>
		<div class="radio">
			<label>
				<input name="optionsRadios" type="radio" checked="">女
			</label>
		</div>
		</fieldset>
	</form>

	<br>
	<br>
	<!-- 只读 -->
	<form role="form">
		<fieldset>
			<input class="form-control" type="text" readonly placeholder="hello">
		</fieldset>
	</form>

	<br>
	<br>
	<!-- 有提示状态 -->
	<form role="form">
		<div class="form-group has-warning has-feedback col-xs-3">
			<label>用户名</label>
			<input type="form-control" type="text" name="">
			<span class="glyphicon glyphicon-ok form-control-feedback"></span>
		</div>
		<div class="form-group has-success">
			<label for="inputSuccess">用户名</label>
			<input type="form-control" type="text" name="" id="inputSuccess">
		</div>
		<div class="form-group has-error">
			<label>用户名</label>
			<input type="form-control" type="text" name="">
		</div>
		<div class="form-group has-success">
			<label class="col-sm-2 control-label" for="inputSuccess">
				输入成功
			</label>
			<div class="col-sm-10">
				<input type="text" class="form-control" id="inputSuccess">
			</div>
		</div>
	</form>
</body>
</html>